<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta content="text/html;charset=UTF-8"/>
<title>登录页面</title>
<link rel="stylesheet" href="static/login/bootstrap.min.css" th:href="@{{path}static/login/bootstrap.min.css(path=${rootPath})}"/>
<link rel="stylesheet" href="static/login/css/camera.css" th:href="@{{path}static/login/css/camera.css(path=${rootPath})}" />
<link rel="stylesheet" href="static/login/bootstrap-responsive.min.css" th:href="@{{path}static/login/bootstrap-responsive.min.css(path=${rootPath})}" />
<link rel="stylesheet" href="static/login/matrix-login.css" th:href="@{{path}static/login/matrix-login.css(path=${rootPath})}" />
<link rel="stylesheet" href="static/login/font-awesome.css" th:href="@{{path}static/login/font-awesome.css(path=${rootPath})}"  />
<script type="text/javascript" src="static/login/js/jquery-1.5.1.min.js" th:src="@{{path}static/login/js/jquery-1.5.1.min.js(path=${rootPath})}"></script>
<!-- 软键盘控件start -->
<link href="static/login/keypad/css/framework/form.css" th:href="@{{path}static/login/keypad/css/framework/form.css(path=${rootPath})}" rel="stylesheet" type="text/css"/>

 <style type="text/css">
    /*
   body{
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
	padding-top:20px;
    }
    */
      .cavs{
    	z-index:1;
    	position: fixed;
    	width:95%;
    	margin-left: 20px;
    	margin-right: 20px;
    }
  </style>

</head>
<body>
	
	<div style="display: none">
	    <audio src="static/login/music/fh1.mp3" th:src="@{{path}static/login/music/fh1.mp3(path=${rootPath})}" autoplay=""></audio>
	</div>	
	
	<canvas class="cavs"></canvas>
	<div style="width:100%;text-align: center;margin: 0 auto;position: absolute;">
		<!-- 登录 -->
		<div id="windows1">
		<div id="loginbox" >
			<form th:action="@{{path}login(path=${rootPath})}"  method="post" id="loginForm">
				<div class="control-group normal_text">
					<h3>
						<img src="static/login/logo.png" th:src="@{{path}static/login/logo.png(path=${rootPath})}" alt="Logo" />
					</h3>
				</div>
				<div class="control-group">
					<div class="controls">
						<div class="main_input_box">
							<span class="add-on bg_lg">
							<i><img height="37" src="static/login/user.png" th:src="@{{path}static/login/user.png(path=${rootPath})}"/></i>
							</span><input type="text" name="username" id="loginname" value="" placeholder="请输入用户名" />
						</div>
					</div>
				</div>
				<div class="control-group">
					<div class="controls">
						<div class="main_input_box">
							<span class="add-on bg_ly">
							<i><img height="37" src="static/login/suo.png" th:src="@{{path}static/login/suo.png(path=${rootPath})}"/></i>
							</span><input type="password" name="password" id="password" placeholder="请输入密码" class="keypad" keypadMode="full" allowKeyboard="true" value=""/>
						</div>
					</div>
				</div>
				<div style="float:right;padding-right:10%;">
					<div style="float: left;margin-top:3px;margin-right:2px;">
						<font color="white">记住密码</font>
					</div>
					<div style="float: left;">
						<input name="form-field-checkbox" id="saveid" type="checkbox"
							onclick="savePaw();" style="padding-top:0px;" />
					</div>
				</div>
				<div class="form-actions">
					<div style="width:86%;padding-left:8%;">

						<div style="float: left;padding-top:2px;">
							<i><img src="static/login/yan.png" th:src="@{{path}static/login/yan.png(path=${rootPath})}" /></i>
						</div>
						<div style="float: left;" class="codediv">
							<input type="text" name="code" id="code" class="login_code"
								style="height:16px; padding-top:4px;" />
						</div>
						<div style="float: left;">
							<i><img style="height:22px;" id="codeImg" alt="点击更换" title="点击更换" src="captcha/captchaImage?type=math" th:src="@{{path}captcha/captchaImage?type=math(path=${rootPath})}"/></i>
						</div>
						
						<span class="pull-right" style="padding-right:3%;"><a href="javascript:changepage(1);" class="btn btn-success">注册</a></span>
						
						<span class="pull-right"><a onclick="severCheck();" class="flip-link btn btn-info" id="to-recover">登录</a></span>
					</div>
				</div>
			</form>
			<div class="controls">
				<div class="main_input_box">
					<!--<font color="white"><span id="nameerr">Copyright © fcqq87766867 2100</span></font>-->
					<font color="white"><span id="nameerr">吉ICP备18006072号</span></font>
				</div>
				<div style="width:300px;margin:0 auto; padding:20px 0;">
					<a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=22010302000281" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img src="static/login/images/gaba.png" style="float:left;"/><p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#d1e8ff;">吉公网安备 22010302000281号</p></a>
				</div>
			</div>
		</div>
		</div>
		<!-- 注册 -->
		<div id="windows2" style="display: none;">
		<div id="loginbox">
			<form  th:action="@{/login}" action="/login" name="loginForm" id="loginForm2">
				<div class="control-group normal_text">
					<h3>
						<img src="static/login/logo.png" th:src="@{{path}static/login/logo.png(path=${rootPath})}" alt="Logo" />
					</h3>
				</div>
				<div class="control-group">
					<div class="controls">
						<div class="main_input_box">
							<span class="add-on bg_lg">
							<i>用户</i>
							</span><input type="text" name="username" id="USERNAME" value="" placeholder="请输入用户名" />
						</div>
					</div>
				</div>
				<div class="control-group">
					<div class="controls">
						<div class="main_input_box">
							<span class="add-on bg_ly">
							<i>密码</i>
							</span><input type="password" name="PASSWORD" id="PASSWORD" placeholder="请输入密码" class="keypad" keypadMode="full" allowKeyboard="true" value=""/>
						</div>
					</div>
				</div>
				<div class="control-group">
					<div class="controls">
						<div class="main_input_box">
							<span class="add-on bg_ly">
							<i>重输</i>
							</span><input type="password" name="chkpwd" id="chkpwd" placeholder="请重新输入密码" class="keypad" keypadMode="full" allowKeyboard="true" value=""/>
						</div>
					</div>
				</div>
				<div class="control-group">
					<div class="controls">
						<div class="main_input_box">
							<span class="add-on bg_lg">
							<i>姓名</i>
							</span><input type="text" name="NAME" id="name" value="" placeholder="请输入姓名" />
						</div>
					</div>
				</div>
				<div class="control-group">
					<div class="controls">
						<div class="main_input_box">
							<span class="add-on bg_lg">
							<i>邮箱</i>
							</span><input type="text" name="EMAIL" id="EMAIL" value="" placeholder="请输入邮箱" />
						</div>
					</div>
				</div>
				<div class="form-actions">
					<div style="width:86%;padding-left:8%;">

						<div style="float: left;padding-top:2px;">
							<i><img src="static/login/yan.png" th:src="@{{path}static/login/yan.png(path=${rootPath})}"/></i>
						</div>
						<div style="float: left;" class="codediv">
							<input type="text" name="rcode" id="rcode" class="login_code"
								style="height:16px; padding-top:4px;" />
						</div>
						<div style="float: left;">
							<i><img style="height:22px;" id="zcodeImg" alt="点击更换" title="点击更换" src="" /></i>
						</div>
						<span class="pull-right" style="padding-right:3%;"><a href="javascript:changepage(2);" class="btn btn-success">取消</a></span>
						<span class="pull-right"><a onclick="register();" class="flip-link btn btn-info" id="to-recover">提交</a></span>
					</div>
				</div>
			</form>
			<div class="controls">
				<div class="main_input_box">
					<!--<font color="white"><span id="nameerr">Copyright © FHqq313596790 2100</span></font>-->
					<font color="white"><span id="nameerr">吉ICP备18006072号</span></font>
				</div>
				<div style="width:300px;margin:0 auto; padding:20px 0;">
					<a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=22010302000281" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img src="static/login/images/gaba.png" style="float:left;"/><p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#d1e8ff;">吉公网安备 22010302000281号</p></a>
				</div>
			</div>
		</div>
		</div>
		
	</div>
	<div id="templatemo_banner_slide" class="container_wapper">
		<div class="camera_wrap camera_emboss" id="camera_slide">
			<!-- 背景图片 -->
			
				
				
					<div data-src="static/login/images/banner_slide_01.jpg"></div>
					<div data-src="static/login/images/banner_slide_02.jpg"></div>
					<div data-src="static/login/images/banner_slide_03.jpg"></div>
					<div data-src="static/login/images/banner_slide_04.jpg"></div>
					<div data-src="static/login/images/banner_slide_05.jpg"></div>
				
			
		</div>
		<!-- #camera_wrap_3 -->
	</div>
	
	<script src="static/login/js/bootstrap.min.js" th:src="@{{path}static/login/js/bootstrap.min.js(path=${rootPath})}"></script>
	<script src="static/js/jquery-1.7.2.js" th:src="@{{path}static/js/jquery-1.7.2.js(path=${rootPath})}"></script>
	<script src="static/login/js/jquery.easing.1.3.js" th:src="@{{path}static/login/js/jquery.easing.1.3.js(path=${rootPath})}"></script>
	<script src="static/login/js/jquery.mobile.customized.min.js" th:src="@{{path}static/login/js/jquery.mobile.customized.min.js(path=${rootPath})}"></script>
	<script src="static/login/js/camera.min.js" th:src="@{{path}static/login/js/camera.min.js(path=${rootPath})}"></script>
	<script src="static/login/js/templatemo_script.js" th:src="@{{path}static/login/js/templatemo_script.js(path=${rootPath})}"></script>
	<script src="static/login/js/ban.js" th:src="@{{path}static/login/js/ban.js(path=${rootPath})}"></script>
	<script type="text/javascript" src="static/js/jQuery.md5.js" th:src="@{{path}static/js/jQuery.md5.js(path=${rootPath})}"></script>
	<script type="text/javascript" src="static/js/jquery.tips.js" th:src="@{{path}static/js/jquery.tips.js(path=${rootPath})}"></script>
	<script type="text/javascript" src="static/js/jquery.cookie.js" th:src="@{{path}static/js/jquery.cookie.js(path=${rootPath})}"></script>
	
	<!-- 软键盘控件start -->
	<script type="text/javascript" src="static/login/keypad/js/form/keypad.js" th:src="@{{path}static/login/keypad/js/form/keypad.js(path=${rootPath})}"></script>
	<script type="text/javascript" src="static/login/keypad/js/framework.js" th:src="@{{path}static/login/keypad/js/framework.js(path=${rootPath})}"></script>
	<!-- 弹窗 -->
	<script th:src="@{{path}static/admin/assets/js/layer/layer.js(path=${rootPath})}" type="text/javascript" ></script>
	
	<!-- 软键盘控件end -->
	<script type="text/javascript">
		var message="[[${message}]]";
		if(""!=message){
			 layer.msg(message, {
	                time: 3000
	            })
		}
		$('#codeImg').click(function() {
			var url ="captcha/captchaImage?type=math&s=" + Math.random();
			$("#codeImg").attr("src", url);
		});
	
		function severCheck(){
			$("#loginForm").submit();
		}
		//session获取iframe处理
        $(function () {
           //判断一下当前是不是做顶层，如果不是，则做一下顶层页面重定向
            if (window != top) {
                top.location.href = location.href;
            }
        });  
	</script>
</body>
</html>